<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="static/style_bt/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="static/style_bt/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
<link href="static/style_bt/bootstrap3-dialog/dist/css/bootstrap-dialog.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="static/style_bt/js/jquery.min.js"></script>
<script type="text/javascript" src="static/style_bt/js/bootstrap.min.js"></script>
<script type="text/javascript" src="static/style_bt/bootstrap3-dialog/dist/js/bootstrap-dialog.js"></script>
<title>Spring Demo</title>
</head>
<body>
asdasdasd
<a id="formDialog">表单验证窗口</a>
<button class="btn btn-primary" id="test">Run the code</button>
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-condensed" style="text-align: center">
	<tr>
		<th style="text-align: center">one</th>
		<th style="text-align: center">two</th>
		<th style="text-align: center">three</th>
		<th style="text-align: center">four</th>
	</tr>
	<tr>
		<td>这是第一列</td>
		<td>这是第二列</td>
		<td>这是第三列</td>
		<td>这是第四列</td>
	</tr>
	<tr>
		<td>这是第一列</td>
		<td>这是第二列</td>
		<td>这是第三列</td>
		<td>这是第四列</td>
	</tr>
	<tr>
		<td>这是第一列</td>
		<td>这是第二列</td>
		<td>这是第三列</td>
		<td>这是第四列</td>
	</tr>
	<tr>
		<td>这是第一列</td>
		<td>这是第二列</td>
		<td>这是第三列</td>
		<td>这是第四列</td>
	</tr>
	<tr>
		<td>这是第一列</td>
		<td>这是第二列</td>
		<td>这是第三列</td>
		<td>这是第四列</td>
	</tr>
	<tr>
		<td>这是第一列</td>
		<td>这是第二列</td>
		<td>这是第三列</td>
		<td>这是第四列</td>
	</tr>
</table>
</div>



</body>
<script type="text/javascript">
$("#formDialog").click(function(){

    BootstrapDialog.show({
        closable: false,//点击背景不关闭窗口
        title:'表单验证窗口',
        message: $('<div></div>').load('user/helloUser.do'),
       // closable: true,    //控制弹出框拉右上角是否显示 ‘x'  默认为true
      //  type : BootstrapDialog.TYPE_DANGER,
      //  size : BootstrapDialog.SIZE_SMALL,//size为小，默认的对话框比较宽
       /* buttons: [{
		    label: 'Dialog CLOSABLE!',
		    cssClass: 'btn-success',
		    action: function(dialogRef){
		      dialogRef.setClosable(true);
		    }
		  }, {
		    label: 'Dialog UNCLOSABLE!',
		    cssClass: 'btn-warning',
		    action: function(dialogRef){
		      dialogRef.setClosable(false);
		    }
		  }, {
		    label: 'Close the dialog',
		    action: function(dialogRef){
		      dialogRef.close();   //总是能关闭弹出框
		    }
		  },{
		    label: 'Normal',
		    action: function(dialog){
		      dialog.setTitle('Normal');
		      dialog.setSize(BootstrapDialog.SIZE_NORMAL);
		    }
		  }, {
		    label: 'Small',
		    action: function(dialog){
		      dialog.setTitle('Small');
		      dialog.setSize(BootstrapDialog.SIZE_SMALL);
		    }
		  }, {
		    label: 'Wide',
		    action: function(dialog){
		      dialog.setTitle('Wide');
		      dialog.setSize(BootstrapDialog.SIZE_WIDE);
		    }
		  }, {
		    label: 'Large',
		    action: function(dialog){
		      dialog.setTitle('Large');
		      dialog.setSize(BootstrapDialog.SIZE_LARGE);
		    }
		  }] */
    });
   // gDialog.fCreate({title:'表单验证窗口',url:'/html/modal/form_modal.ahtml',width:700}).show();
});

$('#test').click(function(){
	//alert(123);
	BootstrapDialog.alert('I want banana!');
});
</script>
</html>